// This file is part of Indico.
// Copyright (C) 2002 - 2025 CERN
//
// Indico is free software; you can redistribute it and/or
// modify it under the terms of the MIT License; see the
// LICENSE file for more details.

@use 'rb:styles/palette' as *;

.dropzone {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px;
  border-width: 2px;
  border-radius: 2px;
  border-color: $pastel-gray;
  border-style: dashed;
  background-color: $light-gray;
  color: $gray;
  outline: none;
  transition: border 0.24s ease-in-out;
}

.photo-actions {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding-top: 10px;

  .upload-icon {
    background-color: $indico-blue !important;
    color: white !important;

    &:hover {
      background-color: $dark-blue !important;
    }
  }

  .remove-icon {
    background-color: $red !important;
    color: white !important;

    &:hover {
      background-color: $dark-red !important;
    }
  }

  .save-icon {
    background-color: $green !important;
    color: white !important;

    &:hover {
      background-color: $dark-green !important;
    }
  }
}
